<template>
	<view class="mask">
		<u-popup v-model="regBool"  mode="center" :mask-close-able="false">
			<view class="mwrap">
				<image class="renge" mode="widthFix" :src="imgPath+'/static/big/renge.png'"></image>
				<image class="wait" @click="wait" mode="widthFix" :src="imgPath+'/static/big/wait.png'"></image>
				<image class="confirm" @click="confirm" mode="widthFix" :src="imgPath+'/static/big/confirm.png'"></image>
			</view>
		</u-popup>
	</view>
</template>
<script>
	import http from "@/src/http";
	import platform from "@/src/platform";
	export default {
		name:"Personality",
		data() {
			return {
				regBool: false,
			};
		},
		methods:{
			confirm(){
				http.confirmTest().then(res=>{
					// console.log('erwewq',res);
					this.$emit('success',res.data.mbtiUser);
				});
				this.regBool = false;
			},
			wait(){
				this.regBool = false
			},
		}
	}
</script>

<style lang="scss" scoped>

.mwrap{
	width: 750rpx;
	height: 360rpx;
	display: flex;
	justify-content: center;
	position: relative;
	.renge{
		position: relative;
	}
	.wait{
		position: absolute;
		width: 180rpx;
		left: 128rpx;
		bottom: 0;
	}
	.confirm{
		position: absolute;
		width: 180rpx;
		right: 163rpx;
		bottom: 0;
	}
}

</style>